<template>
  <div class="top-right-btn">
    <el-row>
      <el-tooltip class="item" effect="dark" content="刷新" placement="top">
        <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />
      </el-tooltip>
    </el-row>
  </div>
</template>
<script>
export default {
  name: 'RightToolbar',
  props: {
    gutter: {
      type: Number,
      default: 10
    }
  },
  data() {
    return {

    }
  },
  computed: {
    style() {
      const ret = {}
      if (this.gutter) {
        ret.marginRight = `${this.gutter / 2}px`
        ret.textAlign = 'right'
      }
      return ret
    }
  },
  methods: {
    // 刷新
    refresh() {
      this.$emit('queryTable')
    }
  }
}
</script>
<style lang="scss" scoped>
  /*.top-right-btn {*/
  /*  margin-right: 5px;*/
  /*  text-align: right;*/
  /*  z-index: 1;*/
  /*}*/
</style>
